<template>
  <!-- 引入文件 进行展示 -->
  <!-- <dreamTable></dreamTable> -->
  <!-- <carrier style="display: none" title="測試 title" settingLink="測試鏈接"
    ><uniInfo></uniInfo>
  </carrier> -->
  <!-- <createType></createType> -->
  <!-- <TaddNewComs
    class="TestCom_bodyCenter default_FromToAnima_aaaa"
  ></TaddNewComs> -->
  <!-- <styleFuncComs></styleFuncComs> -->
  <!-- <mergeAnima></mergeAnima> -->
  <!-- <pagezero></pagezero> -->
  <!-- <impactComp></impactComp> -->
  <!-- <vMagnet></vMagnet> -->
  <!-- <vdrag></vdrag> -->
  <!-- <searchforBigestPolygon></searchforBigestPolygon> -->
  <!-- <lightNode></lightNode> -->
  <!-- <avandaUnitObj></avandaUnitObj> -->
  <unitToAvandaObj></unitToAvandaObj>
</template>

<script setup>
import unitToAvandaObj from './testComps/unitToAvandaObj/unitToAvandaObj.vue';
// import avandaUnitObj from './testComps/avanda/avandaUnitObj/avandaUnitObj.vue';
// import lightNode from './testComps/lightNode/lightNode.vue';
// import searchforBigestPolygon from './testComps/TestJS/searchforBigestPolygon/searchforBigestPolygon.vue';
// import vdrag from './testComps/vDirective/dragEl/vdrag.vue';
// import vMagnet from './testComps/vDirective/magnet/vMagnet.vue';
// import pagezero from './testComps/pagezero/pagezero.vue';
// import impactComp from './testComps/impactComp/impactComp.vue';
// import mergeAnima from './testComps/TestJS/mergeAnima/mergeAnima.vue';
// import TaddNewComs from './testComps/formTable/TaddNewComs.vue';

// import styleFuncComs from './testComps/TestJS/styleFunc/styleFuncComs.vue';
// import createType from './testComps/formTable/CreateType.vue';
console.log('歡迎進入 TestComp 頁面 :)');
// import dreamTable from './components/aaanewApp/components/defualtUnit/dreamTable/dreamTable.vue';
// import uniInfo from './components/aaanewApp/components/defualtUnit/uniInfo/uniInfo.vue';

import { onMounted } from 'vue';
onMounted(() => {
  // settleTitle('dreamTable');
  //   settleTitle('avanda page _test_0');
  settleTitle('unitToAvandaObj');
});

function settleTitle(str) {
  let titledoc = document.querySelector('title');
  titledoc.textContent = str;
  // console.log(titledoc);
  //   document.head.appendChild(titledoc);
}
</script>

<style scoped></style>

<style>
.drag_t {
  position: absolute;
  width: 200px;
  height: 200px;
  background-color: #f4d653;
}

.TestCom_bodyCenter {
  position: absolute;

  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
}
#app {
  height: 100vh;
}
/* 
.default_FromToAnima_aaaa {
  animation-name: default_FTA_aaaa;
  animation-duration: 1 s;
  animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  animation-fill-mode: forwards;
}

@keyframes default_FTA_aaaa {
  from {
    kktop: poa[kkTop];
    kkleft: poa[kkLeft];

    kkwidth: poa[kkWidth];
    kkheight: poa[kkHeight];
  }
  to {
    kktop: pob[kkTop];
    kkleft: pob[kkLeft];

    kkwidth: pob[kkWidth];
    kkheight: pob[kkHeight];
  }
} */
</style>
